<template>
	<view class="flex  bg-white rounded-lg mb-2 p-2 boxshadow">
		<image @tap="navTo(`/pages/product/shopPage?id=${item.id}`)" :src="item.merchant_img" mode="aspectFill"
			style="height: 200rpx;width:200rpx;" class="rounded bgf7f7f7 flex-shrink">
		</image>
		<view class="flex flex-column fs-28 ml-2">
			<view class="flex align-center mb-1">
				<image src="/static/images/m_shangjia.png" mode="aspectFill" style="width: 15px;height: 15px;"></image>
				<text class="ml-1 font-weight-bold">{{item.merchant_name}}</text>
			</view>
			<!-- <view class="flex align-center mb-1">
				<image src="/static/images/m_tel.png" mode="aspectFill" style="width: 15px;height: 15px;"></image>
				<text class="ml-1">{{item.}}</text>
			</view> -->
			<view class="flex align-center mb-2">
				<image src="/static/images/m_local.png" mode="aspectFill" style="width: 15px;height: 15px;">
				</image>
				<text class="ml-1">{{item.address}}{{item.detail_address}}</text>
			</view>
			<view class="flex align-center">
				<!-- <view class="flex align-center justify-center rounded-circle border fte87722 bde87722" style="width: 150rpx;">
					<image src="/static/images/m_tel.png" mode="aspectFill" style="width: 18px;height: 18px;"></image>
					<text>打电话</text>
				</view> -->
				<view class="flex align-center justify-center rounded-circle border fte87722 bde87722" style="width: 150rpx;">
					<image src="/static/images/m_local.png" mode="aspectFill" style="width: 18px;height: 18px;"></image>
					<text>去这里</text>
				</view>
				<view class="flex align-center justify-center rounded-circle border text-white bde87722 bge87722 ml-4"
					style="width: 150rpx;" @tap="navTo(`/pages/product/shopPage?id=${item.id}`)">
					<image src="/static/images/m_shangjia_2.png" mode="aspectFill"
						style="width: 18px;height: 18px;margin-right: 5rpx;"></image>
					<text>进店铺</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['item'],
		data() {
			return {

			}
		},
		methods: {
			navTo(url) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style>
</style>